<template>
	<div class="dis-inline" @click="setcheck">
		<div :class="'dis-inline ver-mid check-out p-r t-c '+(value?'checked':'') ">
		</div>
		<div class="dis-inline ver-mid ml-10 ">{{label}}</div>
	</div>
</template>
<script>
	export default{
		props:{
			value:{
				type:Boolean,
				default:false
			},
			label:{
				type:String,
				default:""
			}
		},
		methods:{
			setcheck(){
				this.$emit('input',!this.value);
			}
		},
		watch:{
			/*value(value){
				this.$emit('input',value);
			}*/
		}
	}
</script>
<style scoped>
	.check-out{width: 32px;height:32px;border: 1px solid #D9D9D9;border-radius: 4px;}
	.check-out.checked:after {
	    content: " ";
	   position: absolute;
	    left: 8px;
	    top: 50%;
	    height: 28px;
	    width: 10px;
	    transform: rotateZ(45deg);
	    margin-top: -18px;
		border-right: 4px solid #5abc43;
	    border-bottom: 4px solid #5abc43;
	}
</style>
